<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <link rel="stylesheet" href="css/allBasic.css">
    <link rel="stylesheet" href="css/sitePage.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <title></title>
</head>
<body>
<div class="page_box">
    <div class="page_box_head clearfix">
        <div class="l">
            <a class="mnav_btn list">账务管理></a>调节日志
        </div>
        <div class="r">
            <a href="" class="refresh theme_bg">刷新</a>
        </div>
    </div>
    <div class="page_box_content">
        <div class="search_area">
            搜索条件:
            <select class="f_element_h write w_180" >
                <option>请选择</option>
            </select>
            <input type="text" class="f_element_h write w_180" placeholder="输入会员用户名">
            <button type="button" class="f_element_h btn_primary theme_bg">搜日志</button>
            <div class="time_box">
                时间范围:
                <!--sang_Calender-->
                <input type="text" class="f_element_h write w_180 "  placeholder="年-月-日" id="timeStart">
                -
                <input type="text" class="f_element_h write w_180 " placeholder="年-月-日" id="timeEnd">
                <button type="button" class="f_element_h btn_primary theme_bg"><i class="iconfont">&#xe6ab;</i>搜索</button>
            </div>
        </div>
        <div class="tb_box">
            <table class="tb_primary layui-form">
                <thead>
                <tr>
                    <td>ID</td>
                    <td>会员</td>
                    <td>姓名</td>
                    <td>充值时间</td>
                    <td>投注钱包</td>
                    <td>充值说明</td>
                    <td>审核时间</td>
                    <td>审核说明</td>
                    <td>状态</td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>100020</td>
                    <td>15236984569</td>
                    <td>2017-02-02 02:02:02</td>
                    <td>1555</td>
                    <td>2017-02-02 02:02:02</td>
                    <td>1555</td>
                    <td>1555</td>
                    <td>1555</td>
                    <td class="tb_w_2">
                        已充值
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="page_nav">
            <div id="paging"></div>
        </div>
    </div>
</div>
</body>

<script src="js/siteBasic.js"></script>
<script>
    $().ready(function(){
        btnToggleOnAndOff(".btn_madebox");
        ifmOpenLeftBar(".mnav_btn");
        refreshPage( ".refresh");
        toggleTab(".tab_item",".tab_content");
    });
    layui.use(['layer','laypage','form','laydate'], function(){
        var laypage = layui.laypage,
            layer = layui.layer,
            form=layui.form,
            laydate=layui.laydate;
        form.render();
        laypage.render({
            elem: 'paging' //注意，这里的 test1 是 ID，不用加 # 号
            ,count: 50 //数据总数，从服务端得到
            ,curr:1
            ,limit:15
            ,layout:['count', 'prev', 'page', 'next', 'limit', 'skip']
            ,jump:function(obj,first){
                if(!first){

                }
            }
        });
        laydate.render({
            elem:"#timeStart",
            format:"yyyy年MM月dd日",
            theme:"#098ae5"
        });
        laydate.render({
            elem:"#timeEnd",
            format:"yyyy年MM月dd日",
            theme:"#098ae5"
        });
        deleteRowDt(".confirm");
        form.on("switch",function(){
            layer.msg("修改成功!");
        });
    });
    function deleteRowDt(btn){
        $(btn).click(function(){
            layer.confirm('确定审核通过吗？', {
                btn: ['确定','消息'] //按钮
            });
        });
    }
    function toggleTab(tab,content){
        $(tab).find(".item").click(function(){
            var i=$(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(content).find(".item").eq(i).show().siblings().hide();
        });
    }
</script>
</html>
